<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>买车</title>
		<link rel="stylesheet" href="css/buy.css" />
		<link rel="stylesheet" href="font/iconfont.css" />
		<link rel="stylesheet" href="css/login.css" />
		<script src="./js/jquery-3.5.1.min.js"></script>
        <script th:src="${#request.getContextPath()+'/js/search-input.js'}"></script>
		<script>
			window.onload = function() {
				let color = "#222222";
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .rrc-header-log .log-ul li .log-tel").css("color",color)
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .rrc-header-log .log-ul li .log-login").css("color",color)
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .nav-ul li a").css("color",color)
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .rrc-header-log .log-ul li .log-hr").css("background-color",color)
			}
		</script>
	</head>
	<style>
		.top-iframe {
			width: 100%;
			height: 59px;
			border: none;
			box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
			margin-bottom: 4px;
		}
	</style>
	<body>
		<iframe id="top_iframe" src="iframe/top.html" class="top-iframe"></iframe>
		<div class="search-form">
			<div class="search-form-input">
				<input type="hidden" class="input-find" th:value="${session.type1}">
				<input type="text" id="search-input" name="" value="" placeholder="降价车" />
				<span class="search-form-btn"></span>
			</div>
		</div>
		<div class="search-filter">
			<div class="sub-filter">
				<div class="filter-title">品牌:</div>
				<div class="filter-list">
					<ul id="brandname-list">
						<li class="active"><a href="javascript:;">不限</a></li>
						<li><a href="javascript:;">大众</a></li>
					</ul>
					<div class="filter-more">
						<a href="javascript:;">更多</a>
					</div>
				</div>
			</div>
			<div class="sub-filter">
				<div class="filter-title">车系:</div>
				<div class="filter-list">
					<ul id="type-list">
						<li class="active"><a href="javascript:;">不限</a></li>
						<li><a href="javascript:;">捷达</a></li>
						<li><a href="javascript:;">哈佛H6</a></li>
						<li><a href="javascript:;">速腾</a></li>
						<li><a href="javascript:;">高尔夫</a></li>
						<li><a href="javascript:;">科鲁兹</a></li>
						<li><a href="javascript:;">迈腾</a></li>
						<li><a href="javascript:;">明锐</a></li>
						<li><a href="javascript:;">英朗</a></li>
						<li><a href="javascript:;">指南者</a></li>
						<li><a href="javascript:;">凯越</a></li>
						<li><a href="javascript:;">桑塔纳</a></li>
						<li><a href="javascript:;">帕萨特</a></li>
						<li><a href="javascript:;">一汽-大众CC</a></li>
						<li><a href="javascript:;">奥迪A3</a></li>
						<li><a href="javascript:;">智跑</a></li>
						<li><a href="javascript:;">KX CROSS</a></li>
						<li><a href="javascript:;">宝骏RS-3</a></li>
						<li><a href="javascript:;">奔驰E级</a></li>
						<li><a href="javascript:;">宝骏730</a></li>
						<li><a href="javascript:;">荣威i5</a></li>
					</ul>
				</div>
			</div>
			<div class="sub-filter">
				<div class="filter-title">价格:</div>
				<div class="filter-list">
					<ul id="money-list">
						<li class="active"><a href="javascript:;">不限</a></li>
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3-5万</a></li>
						<li><a href="javascript:;">5-8万</a></li>
						<li><a href="javascript:;">8-10万</a></li>
						<li><a href="javascript:;">10-15万</a></li>
						<li><a href="javascript:;">15-20万</a></li>
						<li><a href="javascript:;">20-30万</a></li>
						<li><a href="javascript:;">30万以上</a></li>
					</ul>
					<div class="filter-list-input">
						<input type="text" placeholder="万" />-
						<input type="text" placeholder="万" />
						<button>确定</button>
					</div>
				</div>
			</div>
			<div class="sub-filter">
				<div class="filter-title">筛选:</div>
				<div class="filter-list">
					<ul>
						<li class="active"><a href="javascript:;">不限</a></li>
						<li><a href="javascript:;">价格最高</a></li>
						<li><a href="javascript:;">价格最低</a></li>
						<li><a href="javascript:;">最新发布</a></li>
						<li><a href="javascript:;">车龄最短</a></li>
					</ul>
				</div>
			</div>
			<div class="sub-filter" style="border-color: transparent;">
				<div class="filter-title">更多:</div>
				<div class="filter-list-sort">
					<ul>
						<li>
							<div class="sort-filter">
								<a href="javascript:;">车型</a>
								<span class="iconfont icon-xiala"></span>
								<div class="sort-selector display-none">
									<div class="sort-div-item">
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
									</div>
									<div class="sort-div-item">
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="sort-filter">
								<a href="javascript:;">车龄</a>
								<span class="iconfont icon-xiala"></span>
								<div class="sort-selector display-none">
									<div class="sort-div-item">
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
									</div>
									<div class="sort-div-item">
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="sort-filter">
								<a href="javascript:;">变速箱</a>
								<span class="iconfont icon-xiala"></span>
								<div class="sort-selector display-none">
									<div class="sort-div-item">
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
									</div>
									<div class="sort-div-item">
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
										<div class="checkbox-div">
											<input type="checkbox" name="" /><span class="checkbox-title">微车型</span>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="search-list">
			<ul class="list-item-ul">
			</ul>
		</div>
		<div class="search-page">
			<div class="page-item-left"><span class="iconfont icon-left"></span></div>
			<div class="page-item active">1</div>
			<div class="page-item">2</div>
			<div class="page-item">3</div>
			<div class="page-item-right"><span class="iconfont icon-right"></span></div>
		</div>
		<div style="height: 100px;"></div>
		<div class="login-all display-none" id="loginAll">
			<div class="login anim-scale layui-anim-scaleSpring">
				<span class="iconfont icon-close"id="closeLogin"></span>
				<h2 class="login-title">登录人人车</h2>
				<p class="login-p">输入手机号码即可注册登录</p>
				<div class="input-box">
					<input class="input" type="text" id="phone" placeholder="请输入手机号码"/>
					<button class="button" id="sendVerCode" type="button">获取验证码</button>
				</div>
				<div class="input-box"style="margin-bottom: 0;">
					<input class="input" type="text" placeholder="请输入验证码"/>
				</div>
				<div class="input-box" style="border: none; height: 18px; margin-bottom: 0;line-height: 18px;">
					<span class=""id="loginMes" style="color: #fd521d; font-size: 12px;"></span>
				</div>
				<button class="login-btn" id="loginBtn" type="button">登录</button>
				<div class="provision">
					<input type="checkbox" id="provision" class="provision-checkbox" />
					<span style="font-size: 12px; color: #999999; vertical-align: top">已阅读并同意</span>
					<a href="javascript:;" style="color: #FF6B23; vertical-align: top; font-size: 12px;">《人人车用户服务协议》</a>
					<span style="font-size: 12px; color: #999999; vertical-align: top">及</span>
					<a href="javascript:;" style="color: #FF6B23; vertical-align: top; font-size: 12px;">《法律声明和用户隐私政策》</a>
				</div>
			</div>
		</div>
	</body>
	<script src="js/select.js"></script>
	<script src="js/login.js"></script>
</html>
